<template>
  <section id="lookMember">
    <el-dialog title="查看党员" :visible.sync="lookData.isShow" width="1100px" :before-close="labelHandleClose">
      <p class="body-top">
        党员数量：{{lookData.tabData.length}}人
      </p>
      <el-table :data="lookData.tabData">
        <el-table-column type="index" width="50"></el-table-column>
        <el-table-column prop="name" label="照片"></el-table-column>
        <el-table-column prop="name" label="姓名"></el-table-column>
        <el-table-column prop="name" label="性别"></el-table-column>
        <el-table-column prop="name" label="民族"></el-table-column>
        <el-table-column prop="name" label="身份证号"></el-table-column>
        <el-table-column prop="name" label="入党时间"></el-table-column>
        <el-table-column prop="name" label="参加工作时间"></el-table-column>
        <el-table-column prop="name" label="职务"></el-table-column>
        <el-table-column prop="name" label="文化程度"></el-table-column>
        <el-table-column prop="name" label="联系方式"></el-table-column>
      </el-table>
        <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="labelHandleClose">关闭</el-button>
    </span>
    </el-dialog>
  </section>
</template>

<script>
  export default {
    name: "diaLookMember",
    msg: "查看党员",
    props:["lookData"],
    data() {
      return {}
    },
    methods:{
      labelHandleClose(){
        this.lookData.tabData=[];
        this.lookData.isShow=false;
      }
    }
  }
</script>

<style lang="less">
#lookMember{
  .body-top{
    padding:10px 0 20px;
  }
  .el-table{
    .cell{
      padding-left: 10px !important;
    }
    .el-table__header-wrapper {
      display: block !important;
    }
  }
}
</style>
